﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WiewProyecto.aspx.cs" Inherits="Reportes_WiewProyecto" %>

<%--<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>--%>
<%@ Register Src="wucReporteProyecto.ascx" TagName="wucReporteProyecto" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <ext:Store ID="StoreProgramas" runat="server">
        <Reader>
            <ext:JsonReader IDProperty="Key">
                <Fields>
                    <ext:RecordField Name="Value">
                    </ext:RecordField>
                    <ext:RecordField Name="Key">
                    </ext:RecordField>
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store ID="StoreEstado" runat="server">
        <Reader>
            <ext:JsonReader IDProperty="Key">
                <Fields>
                    <ext:RecordField Name="Value">
                    </ext:RecordField>
                    <ext:RecordField Name="Key">
                    </ext:RecordField>
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store ID="StoreEje" runat="server">
        <Reader>
            <ext:JsonReader IDProperty="Key">
                <Fields>
                    <ext:RecordField Name="Value">
                    </ext:RecordField>
                    <ext:RecordField Name="Key">
                    </ext:RecordField>
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store ID="StoreTipo" runat="server">
        <Reader>
            <ext:JsonReader IDProperty="Key">
                <Fields>
                    <ext:RecordField Name="Value">
                    </ext:RecordField>
                    <ext:RecordField Name="Key">
                    </ext:RecordField>
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store ID="StoreProyectos" runat="server" OnRefreshData="StoreRefresh" AutoLoad="false">
        <Reader>
            <ext:JsonReader IDProperty="Id">
                <Fields>
                    <ext:RecordField Name="Id" />
                    <ext:RecordField Name="Nombre" />
                    <ext:RecordField Name="FechaInicio" />
                    <ext:RecordField Name="FechaFin" />
                    <ext:RecordField Name="Presupuesto" />
                    <ext:RecordField Name="Latitud" />
                    <ext:RecordField Name="Longitud" />
                    <ext:RecordField Name="Dictamen" />
                    <ext:RecordField Name="Viabilidad" />
                    <ext:RecordField Name="Descripcion" />
                    <ext:RecordField Name="Estado" />
                    <ext:RecordField Name="Tipo" />
                </Fields>
            </ext:JsonReader>
        </Reader>
         <Proxy>
            <ext:PageProxy></ext:PageProxy>
        </Proxy>
        <BaseParams>
			<ext:Parameter Name="cbxProgramas_bprm" Value="#{cbxProgramas}.getValue()"   Mode="Raw" />
			<ext:Parameter Name="cbxEje_bprm" Value="#{cbxEje}.getValue()"   Mode="Raw" />	
            <ext:Parameter Name="cbxCategorias_bprm" Value="#{cbxCategorias}.getValue()"   Mode="Raw" />
            <ext:Parameter Name="cbxEstado_bprm" Value="#{cbxEstado}.getValue()"   Mode="Raw" />	
            <ext:Parameter Name="txtNombrePrograma_bprm" Value="#{txtNombrePrograma}.getValue()"   Mode="Raw" />
        </BaseParams>
    </ext:Store>
    <script type="text/javascript">
    var columnaRenderer = function(value) {
                var r = <%= this.StoreEstado.ClientID %>.getById(value);

                if (Ext.isEmpty(r)) {
                    return value;
                }

                return r.data['Value'];
            };
            var columnaRendererTipo = function(value) {
                var r = <%= this.StoreTipo.ClientID %>.getById(value);

                if (Ext.isEmpty(r)) {
                    return value;
                }

                return r.data['Value'];
            };;
            
    </script>
    <ext:ResourceManager ID="smPerfiles" runat="server" Theme="Slate" />
    <ext:Panel ID="Panel1" BodyStyle="padding:15px;background-color:#E7E4DD;" runat="server"
        AutoHeight="true">
        <Items>
            <ext:Panel ID="Panel2" runat="server" Height="70" Layout="Column" BodyStyle="background-color:Transparent;">
                <Items>
                    <ext:Panel ID="Panel3" runat="server" Border="false" Header="false" BodyStyle="padding:10px;background-color:Transparent;"
                        ColumnWidth=".33" Layout="Form">
                        <Items>
                            <ext:ComboBox Editable="false" FieldLabel="Eje" ID="cbxEje" StoreID="StoreEje" runat="server"
                                DisplayField="Value" AnchorHorizontal="95%" ValueField="Key" TypeAhead="true"
                                ForceSelection="true" TriggerAction="All" Grow="true" GrowMax="300" EmptyText="Todos"
                                SelectOnFocus="true" AutoDataBind="True">
                                <Triggers>
                                                                <ext:FieldTrigger Icon="Clear" />
                                                            </Triggers>
                                                            <Listeners>
                                                                 <Select Handler="this.triggers[0].show();" />
                                                                  <BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                                                  <AfterRender Handler="this.triggers[0][ Ext.isEmpty(this.getValue()) ? 'hide' : 'show']();" />
                                                                  <TriggerClick Handler="if(index == 0) { this.clearValue(); this.triggers[0].hide(); }" />
                                                            </Listeners>
                            </ext:ComboBox>
                            <ext:ComboBox Editable="false" FieldLabel="Estado" ID="cbxEstado" runat="server"
                                StoreID="StoreEstado" DisplayField="Value" ValueField="Key" TypeAhead="true"
                                ForceSelection="true" AnchorHorizontal="95%" TriggerAction="All" Grow="true"
                                GrowMax="300" EmptyText="Todos" SelectOnFocus="true" AutoDataBind="True">
                                 <Triggers>
                                                                <ext:FieldTrigger Icon="Clear" />
                                                            </Triggers>
                                                            <Listeners>
                                                                 <Select Handler="this.triggers[0].show();" />
                                                                  <BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                                                  <AfterRender Handler="this.triggers[0][ Ext.isEmpty(this.getValue()) ? 'hide' : 'show']();" />
                                                                  <TriggerClick Handler="if(index == 0) { this.clearValue(); this.triggers[0].hide(); }" />
                                                            </Listeners>
                            </ext:ComboBox>
                        </Items>
                    </ext:Panel>
                    <ext:Panel ID="Panel4" Height="70" runat="server" Border="false" BodyStyle="padding:10px;background-color:Transparent;"
                        ColumnWidth=".34" Layout="Form">
                        <Items>
                            <ext:ComboBox Editable="false" FieldLabel="Programa" ID="cbxProgramas" runat="server"
                                StoreID="StoreProgramas" DisplayField="Value" ValueField="Key" TypeAhead="true"
                                ForceSelection="true" AnchorHorizontal="95%" TriggerAction="All" Grow="true"
                                GrowMax="300" EmptyText="Todos" SelectOnFocus="true" AutoDataBind="True">
                                <Triggers>
                                                                <ext:FieldTrigger Icon="Clear" />
                                                            </Triggers>
                                                            <Listeners>
                                                                 <Select Handler="this.triggers[0].show();" />
                                                                  <BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                                                  <AfterRender Handler="this.triggers[0][ Ext.isEmpty(this.getValue()) ? 'hide' : 'show']();" />
                                                                  <TriggerClick Handler="if(index == 0) { this.clearValue(); this.triggers[0].hide(); }" />
                                                            </Listeners>
                            </ext:ComboBox>
                            <ext:TextField FieldLabel="Nombre" ID="txtNombrePrograma" runat="server" AnchorHorizontal="95%" />
                        </Items>
                    </ext:Panel>
                    <ext:Panel ID="Panel5" Height="70" runat="server" Border="false" BodyStyle="padding:10px;background-color:Transparent;"
                        ColumnWidth=".33" Layout="Form">
                        <Items>
                            <ext:ComboBox Editable="false" FieldLabel="Tipo" ID="cbxCategorias" StoreID="StoreTipo"
                                runat="server" DisplayField="Value" ValueField="Key" TypeAhead="true" ForceSelection="true"
                                AnchorHorizontal="95%" TriggerAction="All" Grow="true" GrowMax="300" EmptyText="Todos"
                                SelectOnFocus="true" AutoDataBind="True">
                                 <Triggers>
                                                                <ext:FieldTrigger Icon="Clear" />
                                                            </Triggers>
                                                            <Listeners>
                                                                 <Select Handler="this.triggers[0].show();" />
                                                                  <BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                                                  <AfterRender Handler="this.triggers[0][ Ext.isEmpty(this.getValue()) ? 'hide' : 'show']();" />
                                                                  <TriggerClick Handler="if(index == 0) { this.clearValue(); this.triggers[0].hide(); }" />
                                                            </Listeners>
                            </ext:ComboBox>
                        </Items>
                    </ext:Panel>
                </Items>
            </ext:Panel>
            <ext:Panel ID="Panel6" runat="server" AutoHeight="true" BodyStyle="padding-top:15px;background-color:Transparent;"
                Border="false">
                <Content>
                    <center>
                        <ext:Button runat="server" ID="btnBuscar" Text="Buscar" Icon="Find">
                           <%--
                            <DirectEvents>
                                <Click OnEvent="btnBuscar_Click">
                                    <EventMask ShowMask="true" />
                                </Click>
                            </DirectEvents>
                              --%>
                            <Listeners>
                              <Click Handler="#{StoreProyectos}.load();" />
                            </Listeners>

                        </ext:Button>
                    </center>
                </Content>
            </ext:Panel>
        </Items>
    </ext:Panel>
    <ext:GridPanel runat="server" Border="false" ID="gpProyecto" StoreID="StoreProyectos"
        Height="380" AutoExpandColumn="DescripcionProyecto" EnableColumnHide="false"
        StripeRows="true" TrackMouseOver="true">
        <ColumnModel ID="clmBuscarPerfilProyecto" runat="server">
            <Columns>
                <ext:RowNumbererColumn Width="20">
                </ext:RowNumbererColumn>
                <ext:CommandColumn Width="40">
                    <Commands>
                        <ext:GridCommand ToolTip-Text="Visualizar Reporte" Icon="ReportStart" CommandName="Editar">
                        </ext:GridCommand>
                    </Commands>
                </ext:CommandColumn>
                <ext:Column ColumnID="NombreProyecto" Header="Proyecto" Width="200" DataIndex="Nombre" />
                <ext:Column DataIndex="Tipo" Header="Tipo" Width="100">
                    <Renderer Fn="columnaRendererTipo" />
                </ext:Column>
                <ext:Column ColumnID="DescripcionProyecto" DataIndex="Descripcion" Header="Descripción"
                    Width="200" />
                <ext:Column DataIndex="Estado" Header="Estado" Width="100">
                    <Renderer Fn="columnaRenderer" />
                </ext:Column>
                <ext:Column DataIndex="Dictamen" Header="Dictamen" Width="100" />
                <ext:Column DataIndex="Viabilidad" Header="Viabilidad" Width="100" />
            </Columns>
        </ColumnModel>
        <LoadMask ShowMask="true" />
        <SaveMask ShowMask="true" />
        <Listeners>
            <Command Handler="if(command=='Editar'){if(record.data.Viabilidad=='NO'){alert('El proyecto actual aun no tiene Viabilidad Tecnica');return false;}if(record.data.Dictamen=='NO'){alert('El proyecto actual aun no tiene Dictamen de prioridad');return false;}}" />
        </Listeners>
        <DirectEvents>
            <Command OnEvent="Editar_Click">
                <EventMask ShowMask="true" Target="CustomTarget" CustomTarget="={#{gpProyecto}.body}" />
                <ExtraParams>
                    <ext:Parameter Name="id" Value="record.data.Id" Mode="Raw" />
                </ExtraParams>
            </Command>
        </DirectEvents>
        <SelectionModel>
            <ext:RowSelectionModel ID="rsmPerfilProyecto" runat="server" />
        </SelectionModel>
        <BottomBar>
            <ext:PagingToolbar ID="ptbPerfilProyecto" runat="server" StoreID="StoreProyectos"
                DisplayInfo="true" DisplayMsg="Perfiles de Proyectos {0} - {1} of {2}" EmptyMsg="No existen Perfiles de Proyectos" />
        </BottomBar>
    </ext:GridPanel>
    <%--<uc1:wucReporteProyecto runat="server" ID="wucReporteProyecto1" />--%>
    <ext:Window runat="server" ID="winReporteP" Width="800" Height="440" Hidden="true"
        Modal="true" Resizable="false" Y="5" CenterOnLoad="true">
        <Items>
        </Items>
    </ext:Window>
    </form>
</body>
</html>
